<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!--  <script src="js/viewport.js"></script> -->
    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/border.css">
    
    <script src='../admin_awfl/_static/assets/js/jquery-2.0.3.min.js'></script>
    <script type="text/javascript">
        window.jQuery || document.write("<script src='../admin_awfl/_static/assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
    </script>
    <script src="../admin_awfl/_static/function.js"></script>
    <script src="js/main.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="flex-container">
        <div class="flex border">
            <span class="iconfont">&#xe600;</span>
            <h2 id="ac_title">活动标题</h2> 
        </div>
        <div class="a">
            <div class="flex-banner">
                <img id="ac_img" src="images/banner.jpg">
            </div>
            <div class="flex-item-time">
                <h3 class="flex-title">活动时间</h3>
                <p id="start_time" class="flex-text">2019.04.09-2019.04.22</p>
            </div>
            <div class="flex-item-content">
                <h3 class="flex-title">活动内容</h3>
                <p id="ac_desc" class="flex-shop-text">××××××××</p>
            </div>
            <div class="flex-item-shop" id="shop">
                <h3 class="flex-title">活动店铺</h3>
                <ul>
                    <li>
                        <div class="list-body">
                            <img class="list-img" id="ac_img" src="images/logo1.png">
                            <span class="list-fruit" id="but">水果管家</span>
                            <img class="list-buttom" src="images/logo.png"></img>
                        </div>
                    </li>
                    <li>
                       <div class="list-body">
                                <img class="list-img" id="ac_img" src="images/logo1.png">
                                <span class="list-fruit" id="but">水果管家</span>
                                <img class="list-buttom" src="images/logo.png"></img>
                            </div>
                        </li>
                    <li>
                        <div class="list-body">
                            <img class="list-img" id="ac_img" src="images/logo1.png">
                            <span class="list-fruit" id="but">水果管家</span>
                            <img class="list-buttom" src="images/logo.png"></img>
                        </div>
                    </li>
                    <li>
                            <div class="list-body">
                                <img class="list-img" id="ac_img" src="images/logo1.png">
                                <span class="list-fruit" id="but">水果管家</span>
                                <img class="list-buttom" src="images/logo.png"></img>
                            </div>
                        </li>
                </ul>
            </div>
        </div>
            <div class="flex-item-signUp" id="exPara" style="display:none">
                <button class="signUp-bottom"><a>我要报名</a></button>
            </div>
            <div id="light" class="white_content" style="display:none">
                <h4 class="light-title">是否确认提交报名</h4>
                <div class="light-text">
                    提交报名视为承诺遵守活动要求，若活动期间商家擅自退出或扰乱活动秩序，则会受到平台的相应处罚。
                </div>
                <a id="confirm" class="ligth-confirm">确认报名</a>
                <a id="cancel" class="ligth-cancel">取消</a>
            </div>

            <div id="fade" class="black_overlay" style="display:none"></div> 
            
            <div class="flex-item-signUp" id="exPara2" style="display:none">
                <button class="signUp-bottom">已报名</button>
                <p class="signUp-text">请等待工作人员审核</p>
           </div>
     </div>
     <style>
     
.a{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    overflow:hidden;
    overflow-y: auto;
}
</style>
</body>
</html>